<template>
    <div>
      <h1>结算</h1>
      <ul>
        <li v-for="(item,index) in arr" :key="index">
            <p>{{item.name}}</p>
            <p>{{item.price}}</p>
            <p>{{item.img}}</p>
            <p>{{item.num}}</p>
        </li>
      </ul>
    </div>
</template>
<script>
export default {
   data() {
      return {
        arr:[{
            name:localStorage.getItem("name"),
            price:localStorage.getItem("price"),
            img:localStorage.getItem("img"),
            num:localStorage.getItem("num")
        },]
      }
   },
   methods:{
   },
   computed:{
   },
}
</script>
<style scoped>
ul{
    display: flex;
    text-align: center;
}
</style>
